/* width < 992px */
@media (max-width: 992px) {
  .w {
    width: 900px;
    margin: 0 auto;
  }

  .el-carousel {
    width: 900px;
    left: calc((100% - 900px) / 2);
    right: calc((100% - 900px) / 2);
  }
}
/* 992px <= width < 1200px */
@media (min-width: 992px) and (max-width: 1200px) {
  .w {
    width: 1000px;
    margin: 0 auto;
  }

  .el-carousel {
    width: 1000px;
    left: calc((100% - 1000px) / 2);
    right: calc((100% - 1000px) / 2);
  }
}
/* 1200px <= width < 1600px */
@media (min-width: 1200px) and (max-width: 1600px) {
  .w {
    width: 1100px; 
    margin: 0 auto; 
  }

  .el-carousel {
    width: 1100px;
    left: calc((100% - 1100px) / 2);
    right: calc((100% - 1100px) / 2);
  }
}
/* 1600px <= width */
@media (min-width: 1600px) {
  .w {
    width: 1200px;  
    margin: 0 auto;
  }

  .el-carousel {
    width: 1200px;
    left: calc((100% - 1200px) / 2);
    right: calc((100% - 1200px) / 2);
  }
}